<template>
  <div class="page">
    <m-header :title="CustomerService.view_question" :canback="Boolean(1)"></m-header>
    <div class="body">
      <div>{{CustomerService.question_number}}:{{quesDetail.id}}</div>
      <div class="describe">
        <div>{{CustomerService.question_description}}</div>
        <div class="con">{{quesDetail.content}}</div>
      </div>
      <div class="describe">
        <div>{{CustomerService.customer_service_reply}}</div>
        <div class="con">{{quesDetail.reply_content?quesDetail.reply_content:CustomerService.no_reply}}</div>
      </div>
    </div>
  </div>
</template>
<script>
import { Owner } from "@/server/server.js";
import { mapGetters } from 'vuex';
export default {
  data() {
    return {
      id: null,
      page: 1,
      quesDetail: {},
      CustomerService: {},
    };
  },
  computed: {
    ...mapGetters(["lang"])
  },
  created() {
    this.CustomerService = this.lang.CustomerService;
    this.id = this.$route.params.id;
    // this.page = this.$route.params.page;
    Owner.getMessageDetail({id:this.id}).then(res => {
      if (res.code == 1) {
        this.quesDetail = res.data;
      }
    });
  }
};
</script>
<style lang="less" scoped>
@import "~link-less";
.body {
  padding: @margin-primary;
  background-color: white;
  font-size: 30px;
  .describe {
    margin-top: 30px;
    .con {
      margin-top: 10px;
      padding: 10px;
      border: 1px solid #eee;
    }
  }
}
</style>